<div nz-row>
  <div nz-col nzSpan="8"></div>
  <div nz-col nzSpan="8">
    <div style="height: 80px;"></div>
    <ul nz-list [nzDataSource]="data" nzBordered nzSize="large">
      <nz-list-header>
        <div>Header</div>
        <div>
          <button nz-button (click)="getTodos()">刷新</button>
          <button nz-button (click)="add()">添加</button>
        </div>
      </nz-list-header>
      <li nz-list-item *ngFor="let item of data" nzNoFlex>
        <ul nz-list-item-actions>
          <nz-list-item-action>
            <a (click)="delete(item)">remove</a>
          </nz-list-item-action>
        </ul>
        {{ item.title }}
      </li>
      <nz-list-footer>Footer</nz-list-footer>
    </ul>
  </div>
  <div nz-col nzSpan="8"></div>
</div>
